<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index案例</title>
</head>
<body>
    <!-- 
        a 超链接标签
        1.href 属性   设置超链接跳转的地址
        2.target 属性 设置超链接打开的方式
            _self 当前窗口打开
            _blank 新窗口打开
    -->
    <a href="http://www.baidu.com" target="_self">百度一下</a>
    <a href="2.文本标签.html" target="_blank">我的作品</a>

    <br/>

    <!-- 
        img 图片标签
        1.src 属性  设置图片的显示地址
            1.1 绝对路径 F:\\Python\\02.Web\\code\\class4\\1.html\\img\\2.jpg
            1.2 相对路径 ./ 当前路径下   ../ 上一级路径
        2.alt 属性  设置图片没有加载时的替代文本
        3.width  设置图片的宽度
        4.height  设置图片的高度
    -->
    <img src="./img/1.jpg" alt="未加载正确资源" width="24px" height="24px" />
    <br/>

    <!-- 
        video 视频标签
        1.src 属性  设置视频的播放地址
        2.controls  设置视频播放时显示的控制条
        3.autoplay  设置视频播放时自动播放
        4.loop  设置视频播放时循环播放
    -->
    <video src="./video/2015勇敢爱.mp4" controls="controls" loop="loop"></video>
    <br/>


    <!-- 
        video 视频标签
        1.src 属性  设置视频的播放地址
        2.controls  设置视频播放时显示的控制条
        3.autoplay  设置视频播放时自动播放
        4.loop  设置视频播放时循环播放
    -->
    <audio src="./video/高山流水.mp3" controls="controls" loop="loop"></audio>
    <br/>
</body>
</html>